<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="xgd.css" />
</head>

<body>
    <!-- role plays what role -->
    <main class="main" role="main">
        <div class="container">
            <div class="row">
                <div class="offset">
                    <form class="login_box">
                        <div class="title">
                            登陆
                        </div>
                        <div class="form-group">
                            <label for="exmapleinputuser"> 用户 </label>
                            <input type="text" class="form-control-user" id="user" />
                        </div>
                        <div class="form-group">
                            <label for="exampleinputpassword"> 密码 </label>
                            <input type="password" class="form-control-password" id="password" />
                        </div>
                        <div class="form-check">
                            <input type="checkbox" class="from-control-check" id="check" />
                            <label for="checkinfo">记住我</label>
                        </div>
                        <input value="登陆" type="submit" class="btn btn-class" />
                    </form>
                </div>
            </div>
        </div>
    </main>
</body>
<footer>
    登陆页面 @by qhS
</footer>

</html>